/* //获取操作对象
var boxs = document.querySelector(".tabs_title")
var lis=document.querySelector(".tabs_title").querySelectorAll('li')
var hs=document.querySelector(".tabs_title").querySelectorAll('h1')
//遍历每个li对象
for(let i=0;i<lis.length;i++){
    //给每个li对象绑定点击事件
    lis[i].onclick=function(){
        //把所有li和h1标签中的class属性值清空
        for(var j=0;j<lis.length;j++){
            lis[j].className=''
            hs[j].className=''
        }
        //给指定的li和h1标签添加class属性值
        lis[i].className='cur'
        hs[i].className='show1'
    }
} */

//jquery版
//给li对象绑定点击事件
$('.liss').click(function () {
    //获取当前li对象的下标
    var $ind = $(this).index('.liss')
    //显示当前下标所对应的li和h1标签对象
    $('.liss').eq($ind).addClass('cur').siblings().removeClass('cur')
    $('.h11').eq($ind).addClass('show1').siblings().removeClass('show1')
})